<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML测试</title>
    </head>
    <body>
        这样可以显示
        但是不会自动换行
        <!-- h1~h6 由大到小 浏览器会自动地在标题前后添加空行-->
        <h1>这是标签h1</h1>
        <!-- 1到6号标题 对应 6到1号字体 -->
        <font size="6">这是6号字体</font>
        <!-- 块级元素 /p -->
        <p>这是一个段落</p>
        <hr> <!-- 这是水平线 -->
        <!-- href:Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有link、a -->
        <a href="https://www.baidu.com">百度链接</a>
        <link href="reset.css" rel="stylesheet"/> <!--不知道干嘛用的-->
        <br/>分行<br/> <!-- 这是换行 -->
        <!-- 假如目录有空格，将空格换成%20 -->
        <img loading="lazy" src="snap.jpg" width="300" height="200"/>
        <img loading="lazy" src="./snap.jpg" width="300" height="200"/>
        <img loading="lazy" src="file:///f:/git_code/web/HTML/snap.jpg" width="300" height="200"/>
        <img loading="lazy" src="https://c-ssl.duitang.com/uploads/item/202003/07/20200307045330_uy4vs.jpeg" width="300" height="200"/>
    </body>
</html>